<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>事件methods</title>
	<style>

	</style>
</head>
<body>

<div id="app">
<button v-on:click="counter++">Add</button>
	{{ counter }}
	<hr>
	<button v-on:click="f1">f1</button>
	<button v-on:click="f2('hello', $event)">f2</button>
	<p @click="f3('hello111')">P</p>
</div>


<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
<script>
  let app = new Vue({
    el: '#app',
    data: {
			counter: 0
    },
	  methods: {
      f1: function (event) {
				alert('f1 被调用')
        console.log(event)
      },
		  f2: function (message, event) {
				alert(message + ' f2 被调用')
			  console.log(event)
      },
		  f3: function (message) {
				alert(message + ' f3 被调用')
      },
	  }
  })
</script>
</body>
</html>